<!--描述:通知导航栏-->
<div class="navbar navbar_tongzhi" ng-show="includeMenu('circularize')">
    <div class="pull_Down">
        <div class="pull_Down_l" ng-click="pull_down_click()">
            <i class="icon_bell"></i><span style="font-size:14px;">{{uiModel.is_mes ? '通知' : '未读通知'}}</span>
            <i class="itemDown" ng-show="!uiModel.is_pull_Down_next"></i>
            <i class="itemUp" ng-show="uiModel.is_pull_Down_next"></i>
            <ul class="pull_Down_next" ng-show="uiModel.is_pull_Down_next==true">
                <li class="pitch_mes_li" ng-class="{pitch_mes:uiModel.is_mes==true}" ng-click="mes_click_all()">
                    <i class="icon_all_mes"></i> 通知
                </li>
                <li class="pitch_mes_li" ng-class="{pitch_mes:uiModel.is_mes==false}" ng-click="mes_click_no()">
                    <i class="icon_no_mes"></i> 未读通知
                </li>
            </ul>
        </div>
        <div class="pull_Down_r" ng-click="showExt()" ng-disabled="!uiModel.dataList">
            <ul class="pull_Down_next_r" ng-show="uiModel.showExt">
                <li class="pitch_mes_li" ng-click="allRead()">标记全部已读</li>
            </ul>
        </div>
    </div>
    <div style="display:inline-block;width:786px"></div>
</div>
<!--通知模块-->
<div class="content clearfix">
    <div class="con_l3" style="height:780px !important;">
        <ul class="message_list">
            <li class="message_item" ng-click="detail(item)" ng-class="{active:uiModel.id==item.message_id}" ng-repeat="item in uiModel.dataList">

                <div class="message_head"><i ng-class='{read:item.is_read==1,no_read:item.is_read==0}'></i>{{item.message_type_name.length >12 ? item.message_type_name.substring(0,12)+'...'
                    : item.message_type_name }}</div>
                <span class="message_title">{{item.message_title.length >24 ? item.message_title.substring(0,24)+'...'
                    : item.message_title }}</span>
                <span class="message_time">{{item.push_time | timeFormat}}</span>
            </li>
        </ul>
        <div class="noItems" ng-show="uiModel.dataList && uiModel.dataList.length == 0">
            <img src="./images/course_img.png" />
            <p class="message">亲，暂无任何{{uiModel.is_mes ? '通知' : '未读通知'}}</p>
        </div>
        <div class="loading" ng-show="uiModel.showLoading"></div>
        <div class="entire" ng-show="uiModel.showEntire">没有更多数据了</div>

    </div>

    <div class="con_r2" style="position: relative;min-height: 780px;" ng-show="loading_show">
        <!--加载图开始-->
        <div class="loaders">
            <div class="loader">
                <div class="loader-inner line-scale">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
        <!--加载图结束-->
    </div>
    <div class="con_r2" ng-show="uiModel.showDetail&&!loading_show">
        <p class="detail_head">{{uiModel.detail.message_title.length >35? uiModel.detail.message_title.substrring(0,35)+'...': uiModel.detail.message_title}}</p>
        <div class="detail_content" ng-bind-html="uiModel.detail.content">
            <!--{{uiModel.detail.content.length >1000 ? uiModel.detail.content.substrring(0,1000)+'...': uiModel.detail.content}}-->
        </div>
        <img ng-src="{{uiModel.detail.message_img}}" alt="图片" width="" height="" style="max-width:690px;"/>
    </div>
    <div class="message_error_tip" ng-show="uiModel.showErrorTip">
        网络有异常，请检查网络后再试
    </div>
</div>
<!-- 弹窗 -->
<div>
    <div ng-if="tipModal.isShow" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-backdrop fade in"></div>
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="btn-close" data-dismiss="modal"><i class="icon-close" ng-click="tipModal.hide()"></i></div>
                    <h4 class="modal-title" ng-bind="tipModal.title" style="line-height: 46px;"></h4>
                </div>
                <div class="modal-body modal-body-tip"> 亲，您还未加入任何企业<br/>暂不可查看
                </div>
                <div class="modal-footer jl-footer">
                    <button type="button" class="btn btn-green" ng-click="tipModal.confirm()" style="text-align: center;margin-right: 158px;">我知道了</button>
                </div>
            </div>
        </div>
    </div>
</div>